<template>
  <div class="box">
    <!-- slot 本身是行内元素 
    slot 并不会被渲染,组件内所有的标签会,自动的替换slot
    替换的是没有name 值的
    name 叫具名 插槽, 替换的时候 需要写template标签, v-slot:名字
    -->
    <slot name="head"> 我是头部 </slot>
    <slot> 我本身有些数据 </slot>
    {{ props.aaAdd }}
    我是login页面
    <slot name="footer"></slot>
  </div>
</template>

<script setup >


</script>

<style scoped>
.box {
  width: 500px;
  height: 500px;
  border: 1px solid #ccc;
}
</style>